<template>
    <div class="CustomInfoBoxExample">
        <cesium-viewer>
            <template v-slot:slotAfter>
                <custom-info-box
                        title="啊咧咧"
                        :info="infoText"
                        lng="122.27"
                        lat="43.62"
                        height="200"
                />
                <custom-info-box
                        title="啊咧咧2"
                        :info="infoText"
                        lng="122.27"
                        lat="43.42"
                        height="50"
                />
            </template>
        </cesium-viewer>

    </div>
</template>

<script>
    import CesiumViewer from "../../CesiumViewer";
    export default {
        name: "CustomInfoBoxExample",
        //import引入的组件需要注入到对象中才能使用",
        components: {CustomInfoBox:()=>import("../../CustomInfoBox"),
            CesiumViewer},
        data() {
            //这里存放数据",
            return {
                title:"对象属性",
                infoText: [["位置1","11"],
                    ["位置2","22"],
                    ["位置3","33"],
                    ["位置4","44"]]
            };
        },
        //监听属性 类似于data概念",
        computed: {},
        //监控data中的数据变化",
        watch: {},
        //方法集合",
        methods: {},
        //生命周期 - 挂载完成（可以访问DOM元素）",html模板已渲染
        mounted() {

        },

    }

</script>

<style>
    .CustomInfoBoxExample{
        width: 100%;
        height: 100%;
    }
</style>

